<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>阿里巴巴注册页面</title>
    <link rel="stylesheet" href="./icon_font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/pbulicstyle.css" />
    <link rel="stylesheet" type="text/css" href="css/reg.css" />
    <script src="./js/jquery.js"></script>
    <script src="./js/reg.js"></script>
</head>

<body>
    <!--header start-->
    <header>
        <div class="top main">
            <div class="top_l fl">
                <div class="phone_ali fl">
                    <a href="#">手机阿里</a>
                </div>
                <div class="wcm_ali fl">
                    欢迎来到阿里巴巴
                </div>
                <div class="pl_login ms_top fl">
                    <img src="./images/hongbao.png" alt="">
                    <a href="login.html">请登录</a>
                    <div class="pl_l_box">
                        <p>先登录在采购，享受更多权益！</p>
                        <p>
                            <em>领取新人红包</em>
                            <em>享受新人权益</em>
                            <em>更多精准推荐</em>
                            <em>记录浏览足迹</em>
                        </p>
                        <em class="close_plbox">X</em>
                    </div>
                </div>
                <div class="pl_register fl"><a href="reg.html">免费注册</a></div>
            </div>
            <ul class="top_r fr">
                <li>
                    <a href="index.html">1688首页</a>
                </li>
                <li class="myali ms_top">
                    <a href="#">我的阿里</a>
                    <span></span>
                    <div>
                        <dl>
                            <dt>买家中心</dt>
                            <dd>已买到货品</dd>
                            <dd>优惠券</dd>
                            <dd>发布询价单</dd>
                            <dd>店铺动态</dd>
                        </dl>
                        <dl>
                            <dt>卖家中心</dt>
                            <dd>已卖出货品</dd>
                            <dd>发布供应产品</dd>
                            <dd>管理供应产品</dd>
                            <dd>管理旺铺</dd>
                        </dl>
                        <dl>
                            <dt>服务</dt>
                            <dd>开店装修</dd>
                            <dd>应用工具</dd>
                            <dd>运营服务</dd>
                            <dd>综合服务</dd>
                        </dl>
                    </div>
                </li>
                <li class="addshop ms_top">
                    <a href="#">进货单</a>
                    <span></span>
                    <div>
                        <p>选货单中暂未添加任何商品</p>
                        <p><i>查看进货单</i></p>
                    </div>
                </li>
                <li class="mycollect ms_top">
                    <a href="#">我的收藏</a>
                    <span></span>
                    <div>
                        <dl>
                            <dt>货源</dt>
                            <dd>收藏的货品</dd>
                            <dd>铺货入套的货品</dd>
                            <dd>铺货跨境ERP的货品</dd>
                            <dd>转发过的货品</dd>
                            <dd>浏览记录</dd>
                        </dl>
                        <dl>
                            <dt>供应商</dt>
                            <dd>收藏的供应商</dd>
                            <dd>收藏的服务</dd>
                            <dd>交易过得供应商</dd>
                            <dd>管理旺铺</dd>
                        </dl>
                    </div>
                </li>
                <li class="ms_top">
                    <a href="#">诚信通</a>
                    <span></span>
                    <div>
                        <dl>
                            <dt>立即开店</dt>
                            <dd>功能体验官</dd>
                            <dd>新会员申请</dd>
                            <dd>老会员续费</dd>
                            <dd>会员活动</dd>
                            <dd>我的诚信通</dd>
                        </dl>
                    </div>
                </li>
                <li class="ms_top">
                    <a href="#">实力商家</a>
                    <span></span>
                    <div>
                        <dl>
                            <dt>立即开店</dt>
                            <dd>功能体验官</dd>
                            <dd>新会员申请</dd>
                            <dd>老会员续费</dd>
                            <dd>会员活动</dd>
                            <dd>我的诚信通</dd>
                        </dl>
                    </div>
                </li>
                <li class="ms_top">
                    <a href="#">超级工厂</a>
                    <span></span>
                    <div>
                        <dl>
                            <dt>立即开店</dt>
                            <dd>功能体验官</dd>
                            <dd>新会员申请</dd>
                            <dd>老会员续费</dd>
                            <dd>会员活动</dd>
                        </dl>
                    </div>
                </li>
                <li class="ms_top">
                    <a href="#">工业品牌</a>
                    <span></span>
                    <div>
                        <dl>
                            <dt>立即开店</dt>
                            <dd>功能体验官</dd>
                            <dd>新会员申请</dd>
                            <dd>老会员续费</dd>
                            <dd>会员活动</dd>
                            <dd>我的诚信通</dd>
                        </dl>
                    </div>
                </li>
                <li class="ms_top">
                    <a href="#">我是供应商</a>
                    <span></span>
                    <div>
                        <dl>
                            <dt>立即开店</dt>
                            <dd>功能体验官</dd>
                            <dd>新会员申请</dd>
                            <dd>老会员续费</dd>
                            <dd>会员活动</dd>
                            <dd>我的诚信通</dd>
                        </dl>
                    </div>
                </li>
                <li class="ms_top">
                    <a href="#">客服中心</a>
                    <span></span>
                    <div>
                        <dl>
                            <dt>客服</dt>
                            <dd>买家客服</dd>
                            <dd>卖家客服</dd>
                        </dl>
                    </div>
                </li>
                <li class="goout ms_top">
                    <a href="#">网站导航</a>
                    <span></span>
                    <div>
                        <dl>
                            <dt>行业时装</dt>
                            <dd>女装</dd>
                            <dd>男装</dd>
                            <dd>内衣</dd>
                            <dd>鞋子</dd>
                            <dd>箱包</dd>
                            <dd>配饰</dd>
                            <dd>童装</dd>
                            <dd>玩具</dd>
                            <dd>工艺品</dd>
                            <dd>女装</dd>
                            <dd>男装</dd>
                            <dd>内衣</dd>
                            <dd>鞋子</dd>
                            <dd>箱包</dd>
                            <dd>配饰</dd>
                            <dd>运动户外</dd>
                            <dd>母婴用品</dd>
                            <dd>童装</dd>
                            <dd>玩具</dd>
                            <dd>工艺品</dd>
                            <dd>计算机</dd>
                            <dd>女装</dd>
                            <dd>男装</dd>
                            <dd>内衣</dd>
                            <dd>鞋子</dd>
                            <dd>箱包</dd>
                            <dd>配饰</dd>
                            <dd>运动户外</dd>
                            <dd>母婴用品</dd>
                            <dd>童装</dd>
                            <dd>玩具</dd>
                            <dd>工艺品</dd>
                            <dd>计算机</dd>
                            <dd>女装</dd>
                            <dd>男装</dd>
                            <dd>内衣</dd>
                            <dd>鞋子</dd>
                            <dd>箱包</dd>
                            <dd>配饰</dd>

                            <dd>童装</dd>
                            <dd>玩具</dd>
                            <dd>工艺品</dd>
                            <dd>女装</dd>
                            <dd>男装</dd>
                            <dd>内衣</dd>
                            <dd>鞋子</dd>
                            <dd>箱包</dd>
                            <dd>配饰</dd>
                            <dd>运动户外</dd>
                            <dd>母婴用品</dd>
                            <dd>童装</dd>
                            <dd>玩具</dd>
                            <dd>工艺品</dd>
                            <dd>计算机</dd>
                            <dd>女装</dd>
                            <dd>男装</dd>
                            <dd>内衣</dd>
                            <dd>鞋子</dd>
                            <dd>箱包</dd>
                            <dd>配饰</dd>
                        </dl>
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <!--header end-->
    <div class="nav_top">
        <img src="./images/reg/top.jpg" alt="">
    </div>
    <div class="con">
        <form action="" class="reg_form main">
            <div class="uname pub clearFix">
                <span><i>*</i>会员名:</span>
                <input type="text" autocomplete="off" name="name" placeholder="设置会员名">
                <p class="txt">5-25字符，可以包含字母或者汉字</p>
                <div class="plc">
                    <p>
                        <em>.</em>
                        5-25个字符，需要包含字母或者汉字
                    </p>
                    <p>
                        <em>.</em>
                        请勿包含身份证/银行卡等隐私信息，一旦设置成功将无法修改
                    </p>
                    <div></div>
                </div>
            </div>
            <div class="upwd pub clearFix">
                <span><i>*</i>登录密码:</span>
                <input type="password" autocomplete="off" name="pwd" placeholder="设置你的登录密码">
                <p class="txt">密码设置不符合要求</p>
                <div class="plc">
                    <p>
                        <em>❌</em>
                        6-20个字符，密码不能是相同的用户名
                    </p>
                    <p>
                        <em>❌</em>
                        只能包含字母、数字
                    </p>
                    <p>
                        <em>❌</em>
                        两次输入的用户密码必须相同，不能过于简单
                    </p>
                    <div></div>
                </div>
            </div>

            <div class="upwd_two pub clearFix">
                <span><i>*</i>密码确认:</span>
                <input type="password" autocomplete="off" name="pwd_two" placeholder="设置你的登录密码">
                <p class="txt">两次输入的密码不一致，请重新输入</p>
            </div>

            <div class="uphone pub clearFix">
                <span><i>*</i> 手机号码:</span>
                <input type="text" autocomplete="off" name="phone" placeholder="请再次输入你的登录密码">
                <p class="txt">手机号格式错误</p>
            </div>
            <div class="pub clearFix">
                <span><i>*</i>验证码:</span>
                <div class="slide">
                    <i class="sl_txt">请按住滑块，拖到最右边</i>
                    <span></span>
                    <div>>></div>
                </div>
                <p class="txt">请拖动滑动验证码</p>
            </div>
            <div class="check">
                <p>
                    <input type="checkbox">
                </p>
                <p>
                    创建网站账号的同时，我同意遵守：<br>
                    《<span>阿里巴巴服务条款</span>》及 《<span>隐私声明</span>》
                    <span class="tyxy"> <br>请购选同意协议</span>
                </p>
            </div>
            <button>同意并注册</button>



            <img src="./images/reg/gengduo.jpg" alt="">
        </form>

    </div>
    <div class="btm">
        <img src="./images/reg/btm.jpg" alt="">
    </div>

    <div class="pop_up">
        <div class="reg_xy">
            <p>
                <span>注册协议</span>
                <span>X</span>
            </p>
            <img src="./images/reg/xiexi.jpg" alt="">
            <p>同意协议</p>
        </div>
    </div>
</body>

</html>